<template>
<div class="app">
  <h3>我是App组件</h3>
  <Child />
</div>
</template>

<script>
import { reactive, toRefs } from 'vue'
  import Child from './components/Child'
  export default {
    name: 'App',
    components: {Child},
    setup() {
      let car = reactive({name: '奔驰',price: '40W'})
      return {...toRefs(car)}
    }
  }
</script>
<style>
.app {
  background-color: gray;
  padding: 10px;
}
</style>
